<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ include file="/WEB-INF/views/include/taglib.jsp"%>
<!DOCTYPE html>
<html lang="en">
<head>
<!-- header -->
<%@ include file="/WEB-INF/views/include/header.jsp"%>
		<script type="text/javascript" src="http://api.map.baidu.com/api?v=3.0&ak=PCTEzZVCWLNzwkThNtrmMwlQrPyKosvT"></script>
		<!-- <script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script> -->
<style>
@media (min-width: 1200px){
	.container {
		padding-left:25px;
		padding-right:25px;
	    width: auto;
	}
}

@media (min-width: 992px){
	.container {
	padding-left:25px;
		padding-right:25px;
	    width: auto;
	}
}

@media (min-width: 768px){
	.container {
	padding-left:25px;
		padding-right:25px;
	    width: auto;
	}
}

em {
  font-style: normal;
}
.zs-home * {
  font-family: -apple-system, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Helvetica Neue, Arial, sans-serif;
}
#row1 {
  height: 120px;
}
.box {
  width: 100%;
  height: 110px;
  border-radius: 10px;
  color: #fff;
  padding-left: 30%;
  padding-top: 5px;
  padding-bottom: 5px;
  position: relative;
}
.box .box-title {
  font-size: 16px;
}
.box .box-data {
  font-size: 36px;
}
.box .box-unit {
  font-size: 16px;
}
.box img {
  position: absolute;
  top: 24px;
  left: 26px;
}
#box1 {
  background-color: #56d7ab;
  box-shadow: 0 4px 0 #5bc7a2;
}
#box2 {
  background-color: #63d5ff;
  box-shadow: 0 4px 0 #5ac2e9;
}
#box3 {
  background-color: #fed147;
  box-shadow: 0 4px 0 #e0bb4b;
}
#box4 {
  background-color: #ff4c4c;
  box-shadow: 0 4px 0 #e24243;
}
.module-header {
  font-size: 28px;
  font-weight: bold;
  color-profile: #282e45;
  border-left: 8px solid #1fb5ad;
}
.module {
  padding-top: 15px;
  padding-bottom: 15px;
  padding-left: 25px;
  padding-right: 25px;
  border-radius: 8px;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
}
.module h3 {
  font-size: 22px;
  margin: 0;
  margin-bottom: 10px;
}
#total-rate-box {
  position: relative;
  height: 520px;
  text-align: center;
  font-size: 20px;
  padding: 0;
  padding-top: 20px;
}
#total-rate-box .title {
  text-align: center;
  width: 100%;
  position: absolute;
  top: 125px;
  font-size: 24px;
}
#total-rate-box-chart {
  height: 380px;
  width: 100%;
}
#dahao-box,
#qiye-box,
#ztjz-box,
#cy-box {
  height: 250px;
  margin-bottom: 20px;
}
#total-rate-num1 {
  padding-left: 10px;
  border-left: 50px solid #56d7ab;
}
#total-rate-num2 {
  padding-left: 10px;
  border-left: 50px solid #fed147;
}
.progress-container {
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 20px;
  padding-right: 20px;
}
.progress {
  border-radius: 5px;
  margin-bottom: 10px;
}
.progress .progress-bar-info-1,
.progress .progress-bar-info-2,
.progress .progress-bar-info-3 {
  font-size: 18px;
}
#dahao-box .progress-bar-1 {
  background-color: #38d180;
}
#dahao-box .progress-bar-info-1 {
  font-size: 18px;
  color: #38d180;
}
#dahao-box .progress-bar-2 {
  background-color: #8e57ff;
}
#dahao-box .progress-bar-info-2 {
  font-size: 18px;
  color: #8e57ff;
}
#qiye-box .progress-bar-1 {
  background-color: #63d5ff;
}
#qiye-box .progress-bar-info-1 {
  font-size: 18px;
  color: #63d5ff;
}
#qiye-box .progress-bar-2 {
  background-color: #ff457e;
}
#qiye-box .progress-bar-info-2 {
  font-size: 18px;
  color: #ff457e;
}
#cy-box .progress-container {
  padding-bottom: 0;
}
#cy-box .progress-bar-1 {
  background-color: #11d77c;
}
#cy-box .progress-bar-info-1 {
  color: #11d77c;
  font-size: 16px;
}
#cy-box .progress-bar-2 {
  background-color: #ffd71e;
}
#cy-box .progress-bar-info-2 {
  color: #ffd71e;
  font-size: 16px;
}
#cy-box .progress-bar-3 {
  background-color: #fe4ae2;
}
#cy-box .progress-bar-info-3 {
  color: #fe4ae2;
  font-size: 16px;
}
#ztjz-chart {
  width: 100%;
  height: 200px;
}
.box2 {
  padding-top: 15px;
  padding-bottom: 15px;
  padding-left: 20px;
  padding-right: 20px;
  color: #fff;
  width: 100%;
  height: 160px;
  border-radius: 10px;
  font-size: 20px;
}
.box2 .box-title {
  font-size: 24px;
  border-bottom: 2px solid #fff;
  padding-bottom: 12px;
}
.box2 .box-data {
  font-size: 36px;
}
#box2-1 {
  background-color: #63d5ff;
  box-shadow: 0 4px 0 #5ac2e9;
}
#box2-2 {
  background-color: #fed147;
  box-shadow: 0 4px 0 #e0bb4b;
}
#box2-3 {
  background-color: #56d7ab;
  box-shadow: 0 4px 0 #5bc7a2;
}
#xscb-chart {
  height: 400px;
}
#rzztl-chart,
#gdlxm-chart {
  height: 440px;
}
#qyfl-chart {
	height: 200px;
}
body {
	background-color: #fff;
}
.shadow-box {
	border-radius: 8px;
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
	margin-bottom:18px;
}
.box img {
	left:20px;
}
ul {
	list-style: none;
}
.ztqk-box {
  margin-top: 10px;
  margin-bottom: 15px;
  overflow: hidden;
  border-radius: 8px;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  padding-right: 10px;
}
.ztqk-box .progress-bar-1 {
  background-color: #00e3d0;
}
.ztqk-box .progress-bar-info-1 {
  font-size: 17px;
  color: #00e3d0;
}
.ztqk-box .progress-bar-2 {
  background-color: #ff800f;
}
.ztqk-box .progress-bar-info-2 {
  font-size: 17px;
  color: #ff800f;
}
.ztqk-box .progress-title {
  font-size: 22px;
}
.ztqk-box .progress-container {
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  padding-right: 10px;
}
.ztqk-box .total-box {
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 5px;
  padding-bottom: 2px;
  max-width: 490px;
  color: #fff;
  border-radius: 8px;
  font-size: 17px;
}
.ztqk-box .total-box img {
  width: 64px;
  height: 64px;
}
.ztqk-box .total-box .total-box-head {
  position: relative;
  min-height: 80px;
}
.ztqk-box .total-box .total-box-head .total-box-tips {
  position: absolute;
  right: 0;
  bottom: 0;
}
.ztqk-box .total-box .total-box-foot {
  border-top: 2px solid #fff;
}
.ztqk-box .total-box .total-box-title,
.ztqk-box .total-box .total-box-title-num {
  line-height: 64px;
}
.ztqk-box .total-box .total-box-title {
  padding-left: 10px;
  font-size: 24px;
}
.ztqk-box .total-box .total-box-title-num {
  font-size: 34px;
}
.ztqk-box .total-box .total-box-title-num em {
  font-size: 17px;
}
#f1 .total-box {
  background-color: #56d7ab;
  box-shadow: 0 4px 0 #5bc7a2;
}
#f2 .total-box {
  background-color: #41c7ff;
  box-shadow: 0 4px 0 #3bafdf;
}
#f3 .total-box {
  background-color: #fec447;
  box-shadow: 0 4px 0 #deab40;
}
#f4 .total-box {
  background-color: #ff4c4c;
  box-shadow: 0 4px 0 #e24243;
}
#f5 .total-box {
  background-color: #9866ff;
  box-shadow: 0 4px 0 #8451ee;
}
#f6 .total-box {
  background-color: #ffa23e;
  box-shadow: 0 4px 0 #e78f30;
}
#f7 .total-box {
  background-color: #1cdfe1;
  box-shadow: 0 4px 0 #1bc8ca;
}
#f8 .total-box {
  background-color: #a7b5c9;
  box-shadow: 0 4px 0 #95a2b5;
}
.ztqk-box {
    cursor: pointer;
}
</style>
</head>
<body class="no-skin">
<div class="zs-home container" id="navbar" >
<script type="text/javascript">
				try{ace.settings.check('navbar' , 'fixed')}catch(e){}
			</script>
    <div class="row">
        <h2 class="col-xs-12 module-header">各小队情况</h2>

        <div class="col-xs-4" id="te1">
            <div class="box2" id="box2-1">
                <div class="box-title">专业招商小队</div>
                <div class="pull-left">
                    <p>大项目、好项目</p>
                    <p class="box-data" id="zybig">0%</p>
                </div>
                <div class="pull-right">
                    <p>一般项目</p>
                    <p class="box-data" id="zygood" >0%</p>
                </div>
            </div>
        </div>

        <div class="col-xs-4">
            <div class="box2" id="box2-2">
                <div class="box-title">乡镇招商小分队</div>
                <div class="pull-left">
                    <p>大项目、好项目</p>
                    <p class="box-data"   id="xzbig">0</p>
                </div>
                <div class="pull-right">
                    <p>一般项目</p>
                    <p class="box-data" id="xzgood">0</p>
                </div>
            </div>
        </div>
        <div class="col-xs-4">
            <div class="box2" id="box2-3">
                <div class="box-title">有关责任单位</div>
                <div class="pull-left">
                    <p>大项目、好项目</p>
                    <p class="box-data" id="zrbig" >0</p>
                </div>
                <div class="pull-right">
                    <p>一般项目</p>
                    <p class="box-data" id="zrgood">0</p>
                </div>
            </div>
        </div>
    </div>
  <div class="row">
    <!-- 整体情况 -->
    <h2 class="col-xs-12 module-header">整体情况 									
    									<select style="font-size: 18px;"   onchange="dateclick()"  id="datatime" >
    									
										<option value ="2017">2017</option>
										<option value ="2018">2018</option>
									</select></h2>
	    <div id="f1" class="ztqk-box">
        <div class="col-xs-4">
            <div class="total-box">
                <div class="total-box-head">
                    <!--<img src="img/homeicon1.png">-->
					 <img src=<s:url value="/assets/dist/img/homeicon1.png"></s:url>  alt="">
                    <span class="total-box-title">意向项目</span>
                    <span class="total-box-title-num pull-right" id="yixiang-num">56<em>项</em></span>
                    <em class="total-box-tips">(其中5亿以上：-项)</em>
                </div>
                <div class="total-box-foot">
                    <span>本月新增：-项</span>
                    <span class="pull-right">新增投资额：-亿元</span>
                </div>
            </div>
        </div>
        <div class="col-xs-4"  >
            <div class="progress-container clearfix">
                <p class="progress-title" id="yixiang-invest">投资额总和：157亿元</p>
                <div class="progress">
                    <div class="progress-bar progress-bar-1" style="width: 58.9749%;"></div>
                    <div class="progress-bar progress-bar-2" style="width: 41.0251%;"></div>
                </div>
                <span class="pull-left progress-bar-info-1">大项目、好项目：<em>0</em>亿元</span>
                <span class="pull-right progress-bar-info-2">一般项目：<em>0</em>亿元</span>
            </div>
        </div>
        <div class="col-xs-4">
            <div class="progress-container clearfix">
                <p class="progress-title" >项目分类</p>
                <div class="progress">
                    <div class="progress-bar progress-bar-1" style="width: 58.9749%;"></div>
                    <div class="progress-bar progress-bar-2" style="width: 41.0251%;"></div>
                </div>
                <span class="pull-left progress-bar-info-1">大项目、好项目：<em>0</em>项</span>
                <span class="pull-right progress-bar-info-2">一般项目：<em>0</em>项</span>
            </div>
        </div>
    </div>								
		
		
	 <div id="f2" class="ztqk-box">
        <div class="col-xs-4">
            <div class="total-box">
                <div class="total-box-head">
                   <!-- <img src="img/homeicon2.png"> -->
					 <img src=<s:url value="/assets/dist/img/homeicon2.png"></s:url>  alt="">
                    <span class="total-box-title">在谈项目</span>
                    <span class="total-box-title-num pull-right" id="zaitan-num">56<em>项</em></span>
                </div>
                <div class="total-box-foot">
                    <span>本月新增：-项</span>
                    <span class="pull-right">新增投资额：-亿元</span>
                </div>
            </div>
        </div>
        <div class="col-xs-4">
            <div class="progress-container clearfix">
                <p class="progress-title" id="zaitan-invest">投资额总和</p>
                <div class="progress">
                    <div class="progress-bar progress-bar-1" style="width: 58.9749%;"></div>
                    <div class="progress-bar progress-bar-2" style="width: 41.0251%;"></div>
                </div>
                <span class="pull-left progress-bar-info-1">大项目、好项目：<em>0</em>亿元</span>
                <span class="pull-right progress-bar-info-2">一般项目：<em>0</em>亿元</span>
            </div>
        </div>
        <div class="col-xs-4">
            <div class="progress-container clearfix">
                <p class="progress-title" >项目分类</p>
                <div class="progress">
                    <div class="progress-bar progress-bar-1" style="width: 58.9749%;"></div>
                    <div class="progress-bar progress-bar-2" style="width: 41.0251%;"></div>
                </div>
                <span class="pull-left progress-bar-info-1">大项目、好项目：<em>0</em>项</span>
                <span class="pull-right progress-bar-info-2">一般项目：<em>0</em>项</span>
            </div>
        </div>
    </div>
			
	    <div id="f4" class="ztqk-box">
        <div class="col-xs-4">
            <div class="total-box">
                <div class="total-box-head">
                   <!-- <img src="img/homeicon4.png"> -->
					<img src=<s:url value="/assets/dist/img/homeicon4.png"></s:url>  alt="">
                    <span class="total-box-title">签约项目</span>
                    <span class="total-box-title-num pull-right" id="qianyue-num">56<em>项</em></span>
                </div>
                <div class="total-box-foot">
                    <span>本月新增：-项</span>
                    <span class="pull-right">新增投资额：-亿元</span>
                </div>
            </div>
        </div>
        <div class="col-xs-4">
            <div class="progress-container clearfix">
                <p class="progress-title" id="qianyue-invest">投资额总和</p>
                <div class="progress">
                    <div class="progress-bar progress-bar-1" style="width: 58.9749%;"></div>
                    <div class="progress-bar progress-bar-2" style="width: 41.0251%;"></div>
                </div>
                <span class="pull-left progress-bar-info-1">大项目、好项目：<em>0</em>亿元</span>
                <span class="pull-right progress-bar-info-2">一般项目：<em>0</em>亿元</span>
            </div>
        </div>
        <div class="col-xs-4">
            <div class="progress-container clearfix">
                <p class="progress-title">项目分类</p>
                <div class="progress">
                    <div class="progress-bar progress-bar-1" style="width: 58.9749%;"></div>
                    <div class="progress-bar progress-bar-2" style="width: 41.0251%;"></div>
                </div>
                <span class="pull-left progress-bar-info-1">大项目、好项目：<em>0</em>项</span>
                <span class="pull-right progress-bar-info-2">一般项目：<em>0</em>项</span>
            </div>
        </div>
    </div>	
				
	   <div id="f5" class="ztqk-box">
        <div class="col-xs-4">
            <div class="total-box">
                <div class="total-box-head">
                    <!--<img src="img/homeicon5.png">-->
					<img src=<s:url value="/assets/dist/img/homeicon5.png"></s:url>  alt="">
                    <span class="total-box-title">落地项目</span>
                    <span class="total-box-title-num pull-right"  id="tuidong-num">56<em>项</em></span>
                </div>
                <div class="total-box-foot">
                    <span>本月新增：-项</span>
                    <span class="pull-right">新增投资额：-亿元</span>
                </div>
            </div>
        </div>
        <div class="col-xs-4">
            <div class="progress-container clearfix">
                <p class="progress-title" id="tuidong-invest">投资额总和</p>
                <div class="progress">
                    <div class="progress-bar progress-bar-1" style="width: 58.9749%;"></div>
                    <div class="progress-bar progress-bar-2" style="width: 41.0251%;"></div>
                </div>
                <span class="pull-left progress-bar-info-1">大项目、好项目：<em>0</em>亿元</span>
                <span class="pull-right progress-bar-info-2">一般项目：<em>0</em>亿元</span>
            </div>
        </div>
        <div class="col-xs-4">
            <div class="progress-container clearfix">
                <p class="progress-title">项目分类</p>
                <div class="progress">
                    <div class="progress-bar progress-bar-1" style="width: 58.9749%;"></div>
                    <div class="progress-bar progress-bar-2" style="width: 41.0251%;"></div>
                </div>
                <span class="pull-left progress-bar-info-1">大项目、好项目：<em>0</em>项</span>
                <span class="pull-right progress-bar-info-2">一般项目：<em>0</em>项</span>
            </div>
        </div>
    </div>		
				
									
									
	 <div id="f6" class="ztqk-box">
        <div class="col-xs-4">
            <div class="total-box">
                <div class="total-box-head">
                  
					<img src=<s:url value="/assets/dist/img/homeicon6.png"></s:url>  alt="">
                    <span class="total-box-title">已注册</span>
                    <span class="total-box-title-num pull-right" id="zhuce-num">0<em>项</em></span>
                </div>
                <div class="total-box-foot">
                    <span>本月新增：-项</span>
                    <span class="pull-right">新增投资额：-亿元</span>
                </div>
            </div>
        </div>
        <div class="col-xs-4">
            <div class="progress-container clearfix">
                <p class="progress-title" id="zhuce-invest">投资额总和</p>
                <div class="progress">
                    <div class="progress-bar progress-bar-1" style="width: 58.9749%;"></div>
                    <div class="progress-bar progress-bar-2" style="width: 41.0251%;"></div>
                </div>
                <span class="pull-left progress-bar-info-1">大项目、好项目：<em>0</em>亿元</span>
                <span class="pull-right progress-bar-info-2">一般项目：<em>0</em>亿元</span>
            </div>
        </div>
        <div class="col-xs-4">
            <div class="progress-container clearfix">
                <p class="progress-title">项目分类</p>
                <div class="progress">
                    <div class="progress-bar progress-bar-1" style="width: 58.9749%;"></div>
                    <div class="progress-bar progress-bar-2" style="width: 41.0251%;"></div>
                </div>
                <span class="pull-left progress-bar-info-1">大项目、好项目：<em>0</em>项</span>
                <span class="pull-right progress-bar-info-2">一般项目：<em>0</em>项</span>
            </div>
        </div>
    </div> 
	
	<div id="f8" class="ztqk-box">
        <div class="col-xs-4">
            <div class="total-box">
                <div class="total-box-head">
                 
					<img src=<s:url value="/assets/dist/img/homeicon8.png"></s:url>  alt="">
                    <span class="total-box-title">已备案</span>
                    <span class="total-box-title-num pull-right" id="beian-num">56<em>项</em></span>
                </div>
                <div class="total-box-foot">
                    <span>本月新增：-项</span>
                    <span class="pull-right">新增投资额：-亿元</span>
                </div>
            </div>
        </div>
        <div class="col-xs-4">
            <div class="progress-container clearfix">
                <p class="progress-title" id="beian-invest">投资额总和</p>
                <div class="progress">
                    <div class="progress-bar progress-bar-1" style="width: 58.9749%;"></div>
                    <div class="progress-bar progress-bar-2" style="width: 41.0251%;"></div>
                </div>
                <span class="pull-left progress-bar-info-1">大项目、好项目：<em>0</em>亿元</span>
                <span class="pull-right progress-bar-info-2">一般项目：<em>0</em>亿元</span>
            </div>
        </div>
        <div class="col-xs-4">
            <div class="progress-container clearfix">
                <p class="progress-title">项目分类</p>
                <div class="progress">
                    <div class="progress-bar progress-bar-1" style="width: 58.9749%;"></div>
                    <div class="progress-bar progress-bar-2" style="width: 41.0251%;"></div>
                </div>
                <span class="pull-left progress-bar-info-1">大项目、好项目：<em>0</em>项</span>
                <span class="pull-right progress-bar-info-2">一般项目：<em>0</em>项</span>
            </div>
        </div>
    </div>

	
   
	<!--
    <div id="f3" class="ztqk-box">
        <div class="col-xs-4">
            <div class="total-box">
                <div class="total-box-head">
                   
					<img src=<s:url value="/assets/dist/img/homeicon3.png"></s:url>  alt="">
                    <span class="total-box-title">评审项目</span>
                    <span class="total-box-title-num pull-right">56<em>项</em></span>
                </div>
                <div class="total-box-foot">
                    <span>本月新增：-项</span>
                    <span class="pull-right">新增投资额：-亿元</span>
                </div>
            </div>
        </div>
        <div class="col-xs-4">
            <div class="progress-container clearfix">
                <p class="progress-title">投资额总和</p>
                <div class="progress">
                    <div class="progress-bar progress-bar-1" style="width: 58.9749%;"></div>
                    <div class="progress-bar progress-bar-2" style="width: 41.0251%;"></div>
                </div>
                <span class="pull-left progress-bar-info-1">大项目、好项目：<em>0</em>亿元</span>
                <span class="pull-right progress-bar-info-2">一般项目：<em>0</em>亿元</span>
            </div>
        </div>
        <div class="col-xs-4">
            <div class="progress-container clearfix">
                <p class="progress-title">项目总数</p>
                <div class="progress">
                    <div class="progress-bar progress-bar-1" style="width: 58.9749%;"></div>
                    <div class="progress-bar progress-bar-2" style="width: 41.0251%;"></div>
                </div>
                <span class="pull-left progress-bar-info-1">大项目、好项目：<em>0</em>亿元</span>
                <span class="pull-right progress-bar-info-2">一般项目：<em>0</em>亿元</span>
            </div>
        </div>
    </div>  -->
	

	
 
	<!--
    <div id="f6" class="ztqk-box">
        <div class="col-xs-4">
            <div class="total-box">
                <div class="total-box-head">
                  
					<img src=<s:url value="/assets/dist/img/homeicon6.png"></s:url>  alt="">
                    <span class="total-box-title">审批项目</span>
                    <span class="total-box-title-num pull-right">56<em>项</em></span>
                </div>
                <div class="total-box-foot">
                    <span>本月新增：-项</span>
                    <span class="pull-right">新增投资额：-亿元</span>
                </div>
            </div>
        </div>
        <div class="col-xs-4">
            <div class="progress-container clearfix">
                <p class="progress-title">投资额总和</p>
                <div class="progress">
                    <div class="progress-bar progress-bar-1" style="width: 58.9749%;"></div>
                    <div class="progress-bar progress-bar-2" style="width: 41.0251%;"></div>
                </div>
                <span class="pull-left progress-bar-info-1">大项目、好项目：<em>0</em>亿元</span>
                <span class="pull-right progress-bar-info-2">一般项目：<em>0</em>亿元</span>
            </div>
        </div>
        <div class="col-xs-4">
            <div class="progress-container clearfix">
                <p class="progress-title">项目总数</p>
                <div class="progress">
                    <div class="progress-bar progress-bar-1" style="width: 58.9749%;"></div>
                    <div class="progress-bar progress-bar-2" style="width: 41.0251%;"></div>
                </div>
                <span class="pull-left progress-bar-info-1">大项目、好项目：<em>0</em>亿元</span>
                <span class="pull-right progress-bar-info-2">一般项目：<em>0</em>亿元</span>
            </div>
        </div>
    </div> -->
	<!--
    <div id="f7" class="ztqk-box">
        <div class="col-xs-4">
            <div class="total-box">
                <div class="total-box-head">
                    
					<img src=<s:url value="/assets/dist/img/homeicon7.png"></s:url>  alt="">
                    <span class="total-box-title">在建项目</span>
                    <span class="total-box-title-num pull-right">56<em>项</em></span>
                </div>
                <div class="total-box-foot">
                    <span>本月新增：-项</span>
                    <span class="pull-right">新增投资额：-亿元</span>
                </div>
            </div>
        </div>
        <div class="col-xs-4">
            <div class="progress-container clearfix">
                <p class="progress-title">投资额总和</p>
                <div class="progress">
                    <div class="progress-bar progress-bar-1" style="width: 58.9749%;"></div>
                    <div class="progress-bar progress-bar-2" style="width: 41.0251%;"></div>
                </div>
                <span class="pull-left progress-bar-info-1">大项目、好项目：<em>0</em>亿元</span>
                <span class="pull-right progress-bar-info-2">一般项目：<em>0</em>亿元</span>
            </div>
        </div>
        <div class="col-xs-4">
            <div class="progress-container clearfix">
                <p class="progress-title">项目总数</p>
                <div class="progress">
                    <div class="progress-bar progress-bar-1" style="width: 58.9749%;"></div>
                    <div class="progress-bar progress-bar-2" style="width: 41.0251%;"></div>
                </div>
                <span class="pull-left progress-bar-info-1">大项目、好项目：<em>0</em>亿元</span>
                <span class="pull-right progress-bar-info-2">一般项目：<em>0</em>亿元</span>
            </div>
        </div>
    </div> -->
	<!--
    <div id="f8" class="ztqk-box">
        <div class="col-xs-4">
            <div class="total-box">
                <div class="total-box-head">
                 
					<img src=<s:url value="/assets/dist/img/homeicon8.png"></s:url>  alt="">
                    <span class="total-box-title">投产项目</span>
                    <span class="total-box-title-num pull-right">56<em>项</em></span>
                </div>
                <div class="total-box-foot">
                    <span>本月新增：-项</span>
                    <span class="pull-right">新增投资额：-亿元</span>
                </div>
            </div>
        </div>
        <div class="col-xs-4">
            <div class="progress-container clearfix">
                <p class="progress-title">投资额总和</p>
                <div class="progress">
                    <div class="progress-bar progress-bar-1" style="width: 58.9749%;"></div>
                    <div class="progress-bar progress-bar-2" style="width: 41.0251%;"></div>
                </div>
                <span class="pull-left progress-bar-info-1">大项目、好项目：<em>0</em>亿元</span>
                <span class="pull-right progress-bar-info-2">一般项目：<em>0</em>亿元</span>
            </div>
        </div>
        <div class="col-xs-4">
            <div class="progress-container clearfix">
                <p class="progress-title">项目总数</p>
                <div class="progress">
                    <div class="progress-bar progress-bar-1" style="width: 58.9749%;"></div>
                    <div class="progress-bar progress-bar-2" style="width: 41.0251%;"></div>
                </div>
                <span class="pull-left progress-bar-info-1">大项目、好项目：<em>0</em>亿元</span>
                <span class="pull-right progress-bar-info-2">一般项目：<em>0</em>亿元</span>
            </div>
        </div>
    </div> -->
</div>

   <!--
    <div class="row">
        <h2 class="col-xs-12 module-header">各小队情况</h2>
        
        <div class="col-xs-4" id="te1">
            <div class="box2" id="box2-1">
                <div class="box-title">专业招商小队</div>
                <div class="pull-left">
                    <p>大项目、好项目</p>
                    <p class="box-data" id="zybig">0%</p>
                </div>
                <div class="pull-right">
                    <p>一般项目</p>
                    <p class="box-data" id="zygood" >0%</p>
                </div>
            </div>
        </div> 
        
        <div class="col-xs-4">
            <div class="box2" id="box2-2">
                <div class="box-title">乡镇招商小分队</div>
                <div class="pull-left">
                    <p>大项目、好项目</p>
                    <p class="box-data"   id="xzbig">0</p>
                </div>
                <div class="pull-right">
                    <p>一般项目</p>
                    <p class="box-data" id="xzgood">0</p>
                </div>
            </div>
        </div>
        <div class="col-xs-4">
            <div class="box2" id="box2-3">
                <div class="box-title">有关责任单位</div>
                <div class="pull-left">
                    <p>大项目、好项目</p>
                    <p class="box-data" id="zrbig" >0</p>
                </div>
                <div class="pull-right">
                    <p>一般项目</p>
                    <p class="box-data" id="zrgood">0</p>
                </div>
            </div>
        </div>
    </div> -->

</div>
<%@ include file="/WEB-INF/views/include/dialog.jsp"%>
<%@ include file="/WEB-INF/views/include/footer.jsp"%>
<script src="<s:url value="/assets/dist/js/echarts.min.js"></s:url>"></script>
<script>
    function Jdt1(option) {
        this.arr1 = option.arr1;
        this.arr2 = option.arr2;
        this.el = option.el;
    }
    Jdt1.prototype.init = function() {
        var $parent = $('#'+this.el+' .progress-container');
        var total1 = (this.arr1[0]+this.arr1[1])/100;
        var total2 = (this.arr2[0]+this.arr2[1])/100;

        $parent.eq(0).find('.progress-bar-info-1 em').text(this.arr1[0]);
        $parent.eq(0).find('.progress-bar-info-2 em').text(this.arr1[1]);
        $parent.eq(0).find('.progress-bar-1').css('width',(this.arr1[0]/total1)+'%');
        $parent.eq(0).find('.progress-bar-2').css('width',(this.arr1[1]/total1)+'%');

        $parent.eq(1).find('.progress-bar-info-1 em').text(this.arr2[0]);
        $parent.eq(1).find('.progress-bar-info-2 em').text(this.arr2[1]);
        $parent.eq(1).find('.progress-bar-1').css('width',(this.arr2[0]/total2)+'%');
        $parent.eq(1).find('.progress-bar-2').css('width',(this.arr2[1]/total2)+'%');
    }
		getData('2017');
	

		function dateclick(){
			var datetime =$("#datatime").val();
			
			getData(datetime);
			//alert(datetime);
		}
		function getData(time){
			
		$.ajax({
		type :"POST",
        url : "/chart/show/homedata",//
        dataType : "json", //返回数据形式为json
        contentType:'application/json;charset=UTF-8',
      	 data:JSON.stringify({"datatime":time}),
        success:function(result) {
        	
            if (result) {
				
				//注册
				$("#zhuce-num").html(result.data.zhuce.num+'<em>项</em>');
				$("#zhuce-invest").html('投资额总和:'+result.data.zhuce.invest+'亿元');
				var op6 = {
					
					arr1: [result.data.zhuce.biginvest,result.data.zhuce.goodinvest],//整体情况的第一个进度条
					arr2: [result.data.zhuce.bignum,result.data.zhuce.goodnum],//整体情况的第2个进度条
					el: 'f6'//整体情况
					};
				var dahao = new Jdt1(op6);
				dahao.init();
				
				//备案
				$("#beian-num").html(result.data.beian.num+'<em>项</em>');
				$("#beian-invest").html('投资额总和:'+result.data.beian.invest+'亿元');
				var op8= {
					
					arr1: [result.data.beian.biginvest,result.data.beian.goodinvest],//整体情况的第一个进度条
					arr2: [result.data.beian.bignum,result.data.beian.goodnum],//整体情况的第2个进度条
					el: 'f8'//整体情况
					};
				var dahao = new Jdt1(op8);
				dahao.init();
				//意向
            	$("#yixiang-num").html(result.data.yixiang.num+'<em>项</em>');
				$("#yixiang-invest").html('投资额总和:'+result.data.yixiang.invest+'亿元');
				var op1 = {
					
					arr1: [result.data.yixiang.biginvest,result.data.yixiang.goodinvest],//整体情况的第一个进度条
					arr2: [result.data.yixiang.bignum,result.data.yixiang.goodnum],//整体情况的第2个进度条
					el: 'f1'//整体情况
					};
				var dahao = new Jdt1(op1);
				dahao.init();
				//再谈项目
				if(result.data.zaitan==undefined){
						$("#zaitan-num").html('0<em>项</em>');
						$("#zaitan-invest").html('投资额总和:0亿元');
						var op2 = {
							
							arr1: [0,0],//整体情况的第一个进度条
							arr2: [0,0],//整体情况的第2个进度条
							el: 'f2'//整体情况
							};
						var dahao = new Jdt1(op2);
						dahao.init();
				}else{
						$("#zaitan-num").html(result.data.zaitan.num+'<em>项</em>');
						$("#zaitan-invest").html('投资额总和:'+result.data.zaitan.invest+'亿元');
						var op2 = {
							
							arr1: [result.data.zaitan.biginvest,result.data.zaitan.goodinvest],//整体情况的第一个进度条
							arr2: [result.data.zaitan.bignum,result.data.zaitan.goodnum],//整体情况的第2个进度条
							el: 'f2'//整体情况
							};
						var dahao = new Jdt1(op2);
						dahao.init();
				}
				if(result.data.qianyue==undefined){
					$("#qianyue-num").html('0<em>项</em>');
					$("#qianyue-invest").html('投资额总和:0亿元');
					var op4 = {
						
						arr1: [0,0],//整体情况的第一个进度条
						arr2: [0,0],//整体情况的第2个进度条
						el: 'f4'//整体情况
						};
					var dahao = new Jdt1(op4);
					dahao.init();
				}else{
            	//签约项目
				$("#qianyue-num").html(result.data.qianyue.num+'<em>项</em>');
				$("#qianyue-invest").html('投资额总和:'+result.data.qianyue.invest+'亿元');
				var op4 = {
					
					arr1: [result.data.qianyue.biginvest,result.data.qianyue.goodinvest],//整体情况的第一个进度条
					arr2: [result.data.qianyue.bignum,result.data.qianyue.goodnum],//整体情况的第2个进度条
					el: 'f4'//整体情况
					};
				var dahao = new Jdt1(op4);
				dahao.init();
				}
				if(result.data.tuidong==undefined){
				//落地推动项目
						$("#tuidong-num").html('0<em>项</em>');
						$("#tuidong-invest").html('投资额总和:0亿元');
						var op5 = {
							
						arr1: [0,0],//整体情况的第一个进度条
						arr2: [0,0],//整体情况的第2个进度条
						el: 'f5'//整体情况
						};
						var dahao = new Jdt1(op5);
						dahao.init();
				}else {
					$("#tuidong-num").html(result.data.tuidong.num+'<em>项</em>');
					$("#tuidong-invest").html('投资额总和:'+result.data.tuidong.invest+'亿元');
					var op5 = {
						
						arr1: [result.data.tuidong.biginvest,result.data.tuidong.goodinvest],//整体情况的第一个进度条
						arr2: [result.data.tuidong.bignum,result.data.tuidong.goodnum],//整体情况的第2个进度条
						el: 'f5'//整体情况
						};
					var dahao = new Jdt1(op5);
					dahao.init();
					
				}
				
				$("#zybig").html(result.data.teamInfo.bigratezy);
				$("#zygood").html(result.data.teamInfo.goodratezy);
				
				$("#xzbig").html(result.data.teamInfo.bigratexz);
				$("#xzgood").html(result.data.teamInfo.goodratexz);
				
				$("#zrbig").html(result.data.teamInfo.bigratezr);
				$("#zrgood").html(result.data.teamInfo.goodratezr);
				
				console.log(result);
			}
        },
        error : function(errorMsg) {
            alert("图表请求数据失败啦!");
        }
		
	}); 
			
		}
		
				
    /*
    $("#te1").click(function(){
    	alert("点击了小分队了");
    	parent.openapp('/chart/show/team','team','分队情况');
    }); */

    $("#f1").on("click",function() {
        parent.openapp("/show/details/yixiang","showYiXiang","意向界面");
    });
    $("#f4").on("click",function() {
        parent.openapp("/show/details/qianyue","showqianyue","签约界面");
    });
    $("#f2").on("click",function() {
        parent.openapp("/show/details/zaitan","showzaitan","在谈项目");
    });
    $("#f5").on("click",function() {
        parent.openapp("/show/details/luodi","showluodi","落地界面");
    });



</script>
</body>
</html>